<template>
	<div class="demo">
		<h2 class="title">学校名称：{{ name }}</h2>
		<h2>学校地址：{{ address }}</h2>
	</div>
</template>

<script>
export default {
	name: 'School',
	data() {
		return {
			name: '尚硅谷atguigu',
			address: '北京',
		}
	}
}
</script>

<!-- scoped的含义是：局部样式，只对当前组件有效 -->
<style scoped>
.demo {
	background-color: skyblue;
}
</style>